<!DOCTYPE html>
<html>
  <!-- Html Head Tag-->
  <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="vampire624">
  <!-- Open Graph Data -->
  <meta property="og:title" content="时光沙漏"/>
  <meta property="og:description" content="凡是过往，皆为序章。" />
  <meta property="og:site_name" content="时光沙漏"/>
  <meta property="og:type" content="website" />
  <meta property="og:image" content="http://vampire624.top"/>
  
    <link rel="alternate" href="/atom.xml" title="时光沙漏" type="application/atom+xml">
  
  
    <link rel="icon" href="/favicon.png">
  

  <!-- Site Title -->
  <title>时光沙漏</title>

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="/css/bootstrap.min.css">
  <!-- Custom CSS -->
  
  <link rel="stylesheet" href="/css/style.light.css">

  <!-- Google Analytics -->
  
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-106015191-1', 'auto');
        ga('send', 'pageview');
    </script>


</head>

  <body>
    <!-- Page Header -->


<header class="site-header header-background" style="background-image: url(/img/default-banner-dark.jpg)">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <div class="page-title with-background-image">
          <p class="title">时光沙漏</p>
          <p class="subtitle">vampire624的小站</p>
        </div>
        <div class="site-menu with-background-image">
          <ul>
            
              <li>
                <a href="/">
                  
                  Home
                  
                </a>
              </li>
            
              <li>
                <a href="/archives">
                  
                  Archives
                  
                </a>
              </li>
            
              <li>
                <a href="https://github.com/vampire624">
                  
                  Github
                  
                </a>
              </li>
            
              <li>
                <a href="mailto:vampire_624@yeah.net">
                  
                  Email
                  
                </a>
              </li>
            
          </ul>
        </div>
      </div>
    </div>
  </div>
</header>


<!-- Home Page Post List -->
<div class="container">
  <div class="row">
    <div class="col-lg-10 col-md-10 col-md-offset-1">
      
        <div class="post-item-wrapper">
  <a href="/2017/09/09/sublimeNodejs/" class="post-title">
      ubuntu 14.04 LTS 安装sublime text3 配置nodejs开发环境
  </a>
  <div class="post-excerpt">
    <!-- Post Date and Categories -->
    <div class="date-and-category">
      <div class="date">2017-09-09</div>
      <div class="categories">
        
          

<a href="/categories/nodejs/">nodejs</a>

        
      </div>
    </div>
    <!-- Post Excerpt -->
    <div class="excerpt typo"><p>ubuntu 14.04 LTS环境下安装sublime text3 配置nodejs开发环境资料比较少，网上大部分都是基于windows平台的，linux下的比较少。</p></div>
    <!-- Post Tags -->
    <div class="tags">
      
        

<a class="tag" href="/tags/nodejs/">nodejs</a> <a class="tag" href="/tags/ubuntu/">ubuntu</a> <a class="tag" href="/tags/sublime-text3/">sublime text3</a>


      
    </div>
  </div>
</div>

      
        <div class="post-item-wrapper">
  <a href="/2017/09/07/fileUpload/" class="post-title">
      使用个性化样式按钮实现文件上传
  </a>
  <div class="post-excerpt">
    <!-- Post Date and Categories -->
    <div class="date-and-category">
      <div class="date">2017-09-07</div>
      <div class="categories">
        
          

<a href="/categories/css/">css</a>

        
      </div>
    </div>
    <!-- Post Excerpt -->
    <div class="excerpt typo"><p>浏览器自带的<code>&lt;input type=&quot;file&quot;&gt;</code>样式极其丑陋，我对它几乎不能做什么修改，这里使用让其透明的一种方式覆盖在我们样式之上，实现用户点击个性化样式即点击了input标签。</p></div>
    <!-- Post Tags -->
    <div class="tags">
      
        

<a class="tag" href="/tags/css/">css</a> <a class="tag" href="/tags/js/">js</a> <a class="tag" href="/tags/html/">html</a>


      
    </div>
  </div>
</div>

      
        <div class="post-item-wrapper">
  <a href="/2017/09/06/buildBlog/" class="post-title">
      如何创建hexo博客
  </a>
  <div class="post-excerpt">
    <!-- Post Date and Categories -->
    <div class="date-and-category">
      <div class="date">2017-09-06</div>
      <div class="categories">
        
          

<a href="/categories/blog/">blog</a>

        
      </div>
    </div>
    <!-- Post Excerpt -->
    <div class="excerpt typo"><p>当前使用博客分享个人的技术文章和情感文字俨然成为潮流，作为技术小白如何才能快速打造一个属于自己的个人博客呢？hexo其实就是你的不二之选。</p></div>
    <!-- Post Tags -->
    <div class="tags">
      
        

<a class="tag" href="/tags/blog/">blog</a> <a class="tag" href="/tags/nodejs/">nodejs</a> <a class="tag" href="/tags/hexo/">hexo</a> <a class="tag" href="/tags/github/">github</a>


      
    </div>
  </div>
</div>

      
    </div>
  </div>
</div>

<!-- Pagination -->
<div class="container">
  <div class="row">
    <div class="col-lg-10 col-md-10 col-md-offset-1">
      <ul class="pagination">
          
          
      </ul>
    </div>
  </div>
</div>



    <!-- Footer -->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <p class="copyright text-muted">
          Theme By <a target="_blank" href="https://github.com/levblanc">Levblanc.</a>
          Inspired By <a target="_blank" href="https://github.com/klugjo/hexo-theme-clean-blog">Clean Blog.</a>
        <p class="copyright text-muted">
          Powered By <a target="_blank" href="https://hexo.io/">Hexo.</a>
        </p>
      </div>
    </div>
  </div>
</footer>


    <!-- After Footer Scripts -->
<script src="/js/highlight.pack.js"></script>
<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    var codeBlocks = Array.prototype.slice.call(document.getElementsByTagName('pre'))
    codeBlocks.forEach(function(block, index) {
      hljs.highlightBlock(block);
    });
  });
</script>

  </body>
</html>

